﻿<%@ Page Language="C#" MasterPageFile="~/CardCenter/card.master" AutoEventWireup="true" CodeFile="OnlinePurchaseCardStep3.aspx.cs" Inherits="CardCenter_OnlinePurchaseCardStep3" Title="无标题页" ValidateRequest="false" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head1" Runat="Server">
<script src="../Scripts/jquery-min-lastest.js" type="text/javascript">
    //控制显示和隐藏在线支付方式
    $(document).ready(function(){
//        //选择支付方式
//        $("#Btn_SelectPayType").bind("click",function(){
//            $("#onLinepayType").toggle(500);
//            return false;
//        });
//    
       
    });
    
</script>
<style type="text/css">
        .s1
        {
        	width:148px;
        	height:75px;
        	float:left;
        	text-align:center;
        	font-weight:bold;
        	font-size:13px;
        	}
        .s2
        {
        	width:300px;
        	height:75px;
        	float:left;
        	}
        .s3
        {
        	width:250px;
        	height:75px;
        	float:left;
        	}
    </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="r" Runat="Server">
<form id="payMentForm" runat="server">
<div id="r1"><div id="r11"><a href="OnlinePurchaseCardStep1.aspx">&nbsp;卡务中心</a><a href="OnlinePurchaseCardStep1.aspx">&nbsp;&nbsp;>>在线购卡>>选择支付方式</a></div></div>
    <div style="width:729px; height:41px;">
    <div style="width:20px; height:41px; float:left;"></div>
    <div style="width:24px; height:31px; float:left; background-image:url(../Images/CardCenterImg/hui1.jpg); background-repeat:no-repeat;"></div>
    <div style="width:100px; height:41px; float:left;text-align:center; font-size:12px; font-weight:bold; line-height:31px; color:Gray;">填写购卡信息</div>
    <div style="width:24px; height:31px; float:left; background-image:url(../Images/CardCenterImg/hui2.jpg);"></div>
    <div style="width:130px; height:41px; float:left;text-align:center; font-size:12px; font-weight:bold; line-height:31px; color:Gray;">确认购物清单和金额</div>
    <div style="width:32px; height:41px; float:left; background-image:url(../Images/CardCenterImg/cai3.jpg);"></div>
    <div style="width:100px; height:41px; float:left;text-align:center; font-size:12px; font-weight:bold; line-height:41px; ">在线支付</div>
    <div style="width:24px; height:31px; float:left; background-image:url(../Images/CardCenterImg/hui4.jpg);"></div>
    <div style="width:100px; height:41px; float:left;text-align:center; font-size:12px; font-weight:bold; line-height:31px; color:Gray;">支付确认</div>
    </div>
    <div style="border-top:16px #fff solid; line-height:16px;"></div>
    <div style="border-bottom:8px #fff solid; border-top:dotted thin #ccc; line-height:8px; width:729px;"></div>
    <div>
        <div class="s1">您的手机号：</div>
        <div class="s2">
                <asp:Label ID="Lbl_Mobile" runat="server" Text="Label" Font-Underline="true"></asp:Label>
            </div>
        <div class="s3"></div>
    </div>
    
    <div>
        <div class="s1">支付金额：</div>
        <div class="s2">
                ￥<asp:Label ID="Lbl_TotalMoney" runat="server" Font-Bold="True" Text="Label" ForeColor="Red" Font-Underline="true"></asp:Label>元
            </div>
        <div class="s3"></div>
    </div>
    <div style="height:75px; float:left; width:151px; font-size:13px; font-weight:bold; text-align:center; clear:both;">选择支付方式:</div>
    <div style="height:75px; float:left; width:575px;">
        <asp:RadioButtonList ID="LianHuaOK" runat="server" BackColor="#E9EAEA" 
            BorderColor="#CCCCCC" BorderWidth="1px" Font-Bold="True" Font-Size="12px" 
            Width="310px" RepeatDirection="Horizontal">
            <asp:ListItem Selected="True" Text="联华OK卡" Value="4C8DD9D9-A74C-4477-B5EF-0F9B3DB7FCDD"><img alt="使用联华OK卡支付" src="../Images/CardCenterImg/lianhuaok.gif"/></asp:ListItem>  
<%--            <asp:ListItem><img alt="使用银联方式支付" src="../Images/CardCenterImg/yinlian.jpg"/></asp:ListItem>
            <asp:ListItem><img alt="使用快钱方式支付" src="../Images/CardCenterImg/kuaiqian.jpg"/></asp:ListItem>
            <asp:ListItem><img alt="使用付费通方式支付" src="../Images/CardCenterImg/fufei.jpg"/></asp:ListItem>--%>
           
        </asp:RadioButtonList>
    </div>
    <div style="height:80px; float:left; width:151px; clear:both;"></div>
    <div style="height:80px; float:left; width:575px;">
         <asp:ImageButton ID="ImgBtnGoPay" runat="server"  
                    ImageUrl="~/Images/CardCenterImg/querenfukuan.jpg" 
                    onclick="ImgBtnGoPay_Click"/>
                    &nbsp;
          <asp:ImageButton ID="ImgBtnReturnshoppingCart" runat="server"  
                    ImageUrl="~/Images/CardCenterImg/fanhuired.jpg" 
             onclick="ImgBtnReturnshoppingCart_Click"/>
    </div>
    <div style="border-top:8px #fff solid; line-height:8px; clear:both;"></div>
    <div style="border-bottom:8px #fff solid; border-top:dotted thin #ccc; line-height:8px; width:729px;"></div>
    <div style="width:729px; height:270px;">
    <fieldset>
    <legend style="font-size:12px; color:#888;">提示信息</legend>
    <p style="font-size:12px; color:#888;"><span>&nbsp;&nbsp;&nbsp; 
        用户可按照上述支付途径，自主选择购买立言咨询卡的支付方式。支付成功，系统会将咨询卡卡号和咨询卡密码发至你填写的手机号码上。</span></p>
    </fieldset>
    </div>
</form>
</asp:Content>

